.main .uploadBox, .avatar img{
    width:150px;
    height: 150px;
}

.main{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.change , .form{
    width:450px;

}

.change{
    margin-top:20px;
}

.form{
    display: flex;

    flex-direction: column;
    justify-content: space-around;

    height: 600px;
}

.form > div{
    display: flex;
    align-items: center;

    justify-content: space-between;
}



.form > div > input{
    flex:1;
    margin-left:20px;
}

.commentBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comment{
    width: 50%;
    margin-top:40px;
    padding:20px;
    border-bottom: 1px solid gray;
}
.comment .avatar{
    margin-right: 20px;

}

.comment .avatar img{
    width:100px;
    height: 100px;
    border-radius: 50%;
}

.comment{
    display: flex;
    justify-content: center;
    align-items: center;
}

.comment .operation{
    margin-left: 100px;
}

.comment .content{
    width:50%;

}

.comment .content > div{
    margin-bottom: 10px;
}

.content > .info > .date{
    color:gray;
}